@charset "utf-8";
/* 重置样式 */
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html, body {
  display: block;
  min-height: 100%;
  background-color: #fff;
  scroll-behavior: smooth;
}

body, button, input, select, textarea {
  font-size: 0.16rem;
  font-family: "微软雅黑", "Microsoft YaHei", "arial","tahoma","MicrosoftJhengHei", "sans-serif"
}

fieldset,img {
  border: 0;
}

img {
  display: block;
  max-width: 100%;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  -webkit-appearance: none;
}

button,input,select,textarea {
  outline: 0;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  /* -webkit-appearance: none; */
}

textarea {
  resize: none;
  overflow: auto;
}

a:active,a:hover,a:link,a:visited {
  text-decoration: none;
  color: #333333;
  /* font-size: 0.14rem; */
}

em,i {
  font-style: normal;
}

ol,ul {
  list-style: none
}[v-cloak] {
  display: none;
}

iframe {
  border: none;
}

b {
  font-weight: normal;
}

p {
  line-height: 1;
}

/* 根字号 */
html {
  font-size: 5.208vw;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  word-break: break-word;
}

.ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
  word-break: break-word;
}

.ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 5;
  word-break: break-word;
}

html {
  font-size: 5.208vw;
}

@media screen and (max-width:1920px) {
  html {
    font-size: 100px;
  }
}

@media screen and (max-width:1440px) {
  html {
    font-size: 7.208vw;
  }
}

@media screen and (max-width:1024px) {
  html {
    font-size: 9vw;
  }
}

@media screen and (max-width: 750px) {
  html {
    font-size: 20vw;
  }
}


@keyframes wave {
  0% {
      background-position-x: 0;
      transform: scaleX(100%)
  }

  50% {
      transform: scaleX(135%)
  }

  to {
      background-position-x: 132%;
      transform: scaleX(100%)
  }
}